<!DOCTYPE html>
<html><meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>github 上各式各样的小徽章</title>
<style type="text/css">
    body{
        background-color: #3C3F41;
    }
    a{
        text-decoration: none;
        color: #fbfbff;
    }
</style>
<body><head>
    <style type="text/css">
        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;
            position: -webkit-sticky;  
            position: sticky;
            top: 0;
        }

        nav li {
            float: left;
        }

        nav li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

         
        nav li a:hover {
            background-color: #111;
        }
        .active {
            background-color: #4CAF50;
        }
    </style>
</head>

<nav>
    <ul>
        
        
        <li><a href="/blog/">home</a></li>
         
        
        <li><a href="/blog/post">博文</a></li>
         
        
        <li><a href="/blog/about">about</a></li>
         
    </ul>
</nav>
<div id="content" style="margin: auto;width: 50%;padding: 10px; color: #ffffff;height: 100%">
    <article>
        <header>
            <h1 class="post-title">github 上各式各样的小徽章</h1>
        </header>
        <p>###徽章来源
徽章有不同的分类,不管是哪种分类,在线徽章最为简单便捷,下面就简单介绍下提供在线生成徽章的网站.</p>
<p><a href="https://shields.io/">https://shields.io/</a></p>
<p><a href="https://badgen.net/">https://badgen.net/</a></p>
<p><a href="https://forthebadge.com/">https://forthebadge.com/</a></p>
<p><a href="https://badge.fury.io/">https://badge.fury.io/</a></p>
<p><a href="https://github.com/boennemann/badges">https://github.com/boennemann/badges</a></p>

        <br />

        <div>
            
            <a href="https://alittlesmile.gitee.io/blog/post/hexo/hello-world/">&lt; Hello World</a>
            

            
            <a href="https://alittlesmile.gitee.io/blog/post/docker/docker%E5%AE%89%E8%A3%85mysql/" style="float:right">Docker安装Mysql ></a>
            
        </div>
    </article>

</div></body>
</html>
